<script>
	export default {
		globalData: { // 全局变量
			loading: false // 全局控制同时请求多个接口的loading触发次数
		},
		onLaunch: function() {
			console.log("App Launch");
		},
		onShow: function() {
			console.log("App Show");
		},
		onHide: function() {
			console.log("App Hide");
		},
	};
</script>

<style lang="scss">
	@import "uview-ui/index.scss";
	@import "colorui/main.css";
	@import "colorui/icon.css";
	@import "galui/gal.css";

	/*每个页面公共css */
	.id-swiper {
		.u-swiper-indicator {
			bottom: 40rpx!important;// 105rpx !important;

			.u-indicator-item-rect {
				width: 36rpx;
				height: 8rpx;
			}
		}

		.u-indicator-item-rect-active {
			border-radius: 6rpx;
		}
	}

	.list-search {
		padding: 24rpx;
		background-color: #fff;
	}

	.list-select {
		background-color: #fafafa;
	}

	.info-title {
		flex: 1;
		display: flex;
		justify-content: space-between !important;

		.info-title-icon {
			display: inline-block;
			width: 48rpx;
			height: 48rpx;
		}
	}

	.base-list {
		padding: 24rpx 28rpx;

		.base-item {
			margin-bottom: 24rpx;
			padding: 24rpx;
			background-color: #fff;
			border-radius: 12rpx;

			.base-info {
				&.row {
					display: flex;
					flex-direction: row;

					.base-content {
						margin-left: 24rpx;
					}
				}
			}

			.base-cover {
				width: 220rpx;
				height: 180rpx;
			}

			.base-logo {
				width: 160rpx;
				height: 160rpx;
			}

			.base-label {
				font-size: 28rpx;
				font-weight: normal;
			}

			.base-content {
				flex: 1;
				padding-bottom: 34rpx;

				.base-title {
					margin-bottom: 24rpx;
					font-size: 32rpx;
					color: #333333;
					font-weight: bold;

					&.u-flex {
						justify-content: space-between;
					}
				}

				.base-desc {
					margin-top: 12rpx;
					font-size: 28rpx;
					color: #333;

					text:not(.text-blue) {
						color: #999999;
					}
				}

				.base-image {
					margin-top: 12rpx;

					image {
						margin-right: 15rpx;
						width: 205rpx;
						height: 180rpx;
						border-radius: 12rpx;

						&:last-child {
							margin-right: 0;
						}
					}
				}
			}

			.base-handle {
				display: flex;
				border-top: 1px solid #e6e6e6;
				padding-top: 24rpx;
				justify-content: flex-end;

				.btn {
					max-width: 160rpx;
					margin: 0 24rpx 0 0;
					font-size: 28rpx;
					height: 60rpx;
					line-height: 60rpx;

					&.u-btn--default {
						color: #0080FF !important;
						border-color: #0080FF !important;
					}
					.u-btn{
						height: 60rpx!important;
						line-height: 60rpx!important;
					}

					&:last-child {
						margin-right: 0;
					}
				}
			}
		}
	}

	.check-box {
		margin-top: -20rpx;
		padding: 24rpx;
		margin-bottom: 24rpx;
		border-radius: 12rpx;
		background-color: #f1f8ff;

		.check-name {
			justify-content: space-between;
			margin-bottom: 20rpx;
			color: #0080ff;
			font-size: 32rpx;
			font-weight: bold;

			.check-time {
				font-size: 24rpx;
				font-weight: normal;
			}
		}

		.check-desc {
			margin-bottom: 8rpx;
			font-size: 28rpx;
		}

		.check-image {
			image {
				margin-top: 12rpx;
				margin-right: 20rpx;
				width: 220rpx;
				height: 180rpx;
				border-radius: 12rpx;
			}
		}
	}

	.base-add {
		position: fixed!important;
		bottom: 60rpx;
		left: 0;
		right: 0;
		z-index: 999!important;
		max-width: 360rpx;
		box-shadow: 0px 4rpx 8rpx 0px rgba(0, 128, 255, 0.35);
		border-radius: 6rpx;
		margin: auto;
	}

	.base-add-icon {
		margin: 12rpx;
	}

	.base-add-image {
		width: 36rpx;
		height: 36rpx;
		margin-right: 8rpx;
	}

	.upload-form {
		// padding: 26rpx 24rpx;

		.upload-box {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 180rpx;
			height: 180rpx;
			padding: 16rpx 14rpx;
			background-color: #f2f9ff;
			border-radius: 12rpx;

			.upload-icon {
				width: 56rpx;
				height: 56rpx;
			}

			.upload-text {
				height: 24rpx;
				font-size: 24rpx;
				margin-top: 10rpx;
				line-height: 24rpx;
			}
		}
	}

	.form-btn {
		margin-top: 48rpx;
		font-size: 28rpx;
	}

	.details-cover {
		width: 100%;
		height: 500rpx;
	}

	.details-info-list {
		position: relative;
		z-index: 999;
		margin-top: -30rpx;
		border-top-left-radius: 12rpx;
		border-top-right-radius: 12rpx;
		background-color: #fff;
		overflow: hidden;
	}

	.details-info-col {
		position: relative;
		padding: 24rpx 28rpx;

		.info-title {
			font-size: 32rpx;
			font-weight: bold;
			margin-bottom: 12rpx;
		}

		.u-cell-box {
			border-radius: 12rpx;
			overflow: hidden;
		}

		.info-pic {
			width: 220rpx;
			height: 180rpx;
		}
	}

	.u-cell {
		padding: 22rpx 32rpx;
	}

	.form-main {
		padding: 24rpx 28rpx;

		.form-column {
			margin-top: 24rpx;
		}

		.form-title {
			margin-bottom: 12rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #333333;
		}

		.form-box {
			padding-left: 12rpx;
			border-radius: 12rpx;
			background-color: #fff;
		}

		.u-form-item--left .u-flex {
			width: 100%;
		}

		.u-form-item {
			padding: 10rpx 22rpx 0 !important;
		}

		.u-icon--right {
			color: #999999;
		}

		.form-input {
			font-size: 28rpx;
		}

		.down-icon {
			transition: transform .5s;

			&.active {
				transform: rotate(180deg);
			}
		}

		.form-btn {
			margin-top: 48rpx;
			font-size: 28rpx;
		}
	}

	.ne-newline {
		word-wrap: break-word;
		word-break: break-all;
	}
	
	.u-progress{
		/* #ifdef MP */
		display: flex!important;
		/* #endif */
	}
</style>
